<template>
  <div
    class="view-text"
    :style="{
        fontSize: detail.style.fontSize + 'px',
        fontFamily: detail.style.fontFamily,
        color: detail.style.foreColor,
        textAlign: textAlign,
        lineHeight: lineHeight + 'px',
        fontWeight: detail.style.fontWeight
    }"
  >{{detail.dataItem?detail.dataItem.val: detail.style.text}}{{detail.dataBind.unit||''}}</div>
</template>

<script>

import BaseView from './View';

export default {
  name: 'view-text',
  extends: BaseView,
  props: {

  },
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
.view-text {
  height: 100%;
  width: 100%;
  padding: 0px 5px;
}
</style>
